$(function(){

    // 处理顶部的显示隐藏功能 : 

    function handlerLeftMouseEnter(){
        
        $(this)
        .addClass("active")
        .find(".top-menu")
        .stop(true)
        .slideDown(50)
    }

    function handlerLeftMouseLeave(){
        
        $(this)
        .removeClass("active")
        .find(".top-menu")
        .stop(true)
        .slideUp(50)
    }

    function handlerRightMouseEnter(){

        $(this)
        .addClass("active")
        .find(".top-menu")
        .stop(true)
        .slideDown(50)
    }

    function handlerRightMouseLeave(){

        $(this)
        .removeClass("active")
        .find(".top-menu")
        .stop(true)
        .slideUp(50)
    }

    function handlerPhoneSuNingMouseEnter(){

        $(this)
        .addClass("active")
        .find(".top-menu-right")
        .stop(true)
        .slideDown(50)
    }

    function handlerPhoneSuNingMouseLeave(){

        $(this)
        .removeClass("active")
        .find(".top-menu-right")
        .stop(true)
        .slideUp(50)
    }

    $(".top-left .menuBox").on("mouseenter" , handlerLeftMouseEnter ) ;
    $(".top-left .menuBox").on("mouseleave" , handlerLeftMouseLeave ) ;
    $(".top-right .menuBox").on("mouseenter" , handlerRightMouseEnter );
    $(".top-right .menuBox").on("mouseleave" , handlerRightMouseLeave );
    $(".top-right .menuBox-right").on("mouseenter" , handlerPhoneSuNingMouseEnter );
    $(".top-right .menuBox-right").on("mouseleave" , handlerPhoneSuNingMouseLeave );
})